<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/jsp/tag.jsp" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script>
$(function(){
	$("#uploadify").uploadify({ 
	    'auto':true,   // 选择文件后自动上传
	     'swf':'${ctx}/misc/uploadify.swf',  // 上传flash文件路径
	    'uploader':path+'/manage/driver/uploadTwzx;jsessionid=${pageContext.session.id}',//后台处理的请求 
	     'queueID':'fileQueue',//与下面的id对应  文件队列
	    'queueSizeLimit':20,
	    "fileObjName":"files",  // 后台接受参数名称
	    "preventCaching":true,     // 设置随机参数，防止缓存
	    "progressData":"percentage", // 显示上传进度百分比
	    "removeCompleted":false,     // 上传后是否自动删除记录
	    'formData':{ 'businessId':'${driverId}' }, // 附带上传参数数据  可自定义json数据
	    'fileTypeDesc':'jpg,jpeg,png,gif',   // 支持的文件格式，写filetypeExts该参数必须写
	     'fileTypeExts':'*.jpg;*.jpeg;*.png;*.gif', //控制可上传文件的扩展名，启用本项时需同时声明fileDesc 
	     'auto' : true,   //是否自动上传
	     'multi': true,     // 是否支持多文件上传
	     "uploadLimit":50,  // 上传限制
	     "onCancel":function(){
	      // 取消上传事件
	      alert("删除上传");
	     },
	     "onQueueComplete" : function(queueData) {
	      // 所有文件上传成功后触发
	        alert("上传成功");
	      window.location.href="${ctx}/manage/driver/twzx?driverId=${driverId}";
	    },
	     'buttonText': '上传' 
	});
}) 
</script>
<title>车手图文资讯</title>
</head>
<body >
<!-- topbar starts -->
	<c:import url="../../../../common/jsp/top.jsp"></c:import>
	<!-- topbar ends -->
		<div class="container-fluid">
		<div class="row-fluid">
				
			<!-- left menu starts -->
			<c:import url="../../../../common/jsp/left.jsp"></c:import>
			<!-- left menu ends -->
			
			<noscript>
				<div class="alert alert-block span10">
					<h4 class="alert-heading">Warning!</h4>
					<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
				</div>
			</noscript>
			
			<div id="content" class="span10">
			<div>
						<!-- 图片上传插件 -->
						<div id="fileQueue"></div> 
						<input data-no-uniform="true" type="file" name="uploadify" id="uploadify" />
					</div>
			<!-- content starts -->
			<div class="row-fluid sortable">
				<div class="box span12">
					<div class="box-header well" data-original-title>
						<h2><i class="icon-picture"></i> 车手-图文资讯</h2>
					</div>
					<div class="box-content">
						<p class="center">
							<button id="toggle-fullscreen" class="btn btn-large btn-primary visible-desktop" data-toggle="button">全屏</button>
						</p>
						<br/>
						<ul class="thumbnails gallery">
						<c:forEach items="${pager.searchList }" var="item" varStatus="count" >
														<li id="image-${item.id }" class="thumbnail">
								<a style="background:url(${ctx}${item.imgUrl })" title="Sample Image 1" href="${ctx }${item.imgUrl }"><img class="grayscale" src="${ctx }${item.imgUrl }" alt="Sample Image 1"></a>
							</li>
						</c:forEach>								
						</ul>
					</div>
				</div><!--/span-->
				
				
			</div><!--/row-->
			
				  

		  
       
					<!-- content ends -->
			</div><!--/#content.span10-->
				</div><!--/fluid-row-->
			<!-- foot  begin -->
			<c:import url="../../../../common/jsp/bottom.jsp"></c:import>
			<!-- foot end -->		
	</div><!--/.fluid-container-->
</body>
</html>
